body main #clock{
	width:100%;
}
.clearfloat:before {
	content: "";
	display: table;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfloat:after {
	content: "";
	display: table;
	height: 0;
	clear: both;
	visibility: hidden;
}
.textFont{
	float:left;
	margin-top:9px;
	margin-right:10px;
	font-size:14px;
	color: #daf6ff;
 text-shadow: 0 0 20px #0aafe6, 0 0 20px rgba(10, 175, 230, 0);
	/* font-weight:bold; */
}
body  #clock .time-container {
	padding:5px;
  float: left;
  height: 50px;
  margin: 0 10px 0 0.1%;
  /* border: 1px solid #000; */
    background:rgba(2,41,96,0.3);
  /*  border:1px solid #032f6c; */
 /*  border:1px solid #8fc2fb;  */
   border:1px solid #8fc2fb; 
  -webkit-border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 10px;
  -moz-background-clip: padding;
  border-radius: 10px;
  background-clip: padding-box;
  background: rgba(24, 24, 40, 0.5); 
  -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, .25), inset 0 1px 0px rgba(0, 0, 0, .25);
  -moz-box-shadow: 0 1px 0px rgba(255, 255, 255, .25), inset 0 1px 0px rgba(0, 0, 0, .25);
 /*  box-shadow: 0 1px 0px rgba(255, 255, 255, .25), inset 0 1px 0px rgba(0, 0, 0, .25);  */
   box-shadow: 0 1px 5px rgba(36,182,232, 1), inset 0 1px 5px rgba(36,182,232, 1); 
}
.cardWidth{
	
}
body  #clock .time-container .num {
 display:inline-block;
  color: #ff859e;
  
  /* font-family:"STSong", "Lucida Sans Typewriter", "Lucida Console", Monaco, "Bitstream Vera Sans Mono", monospace; */
  /* font-family: Monaco, "Bitstream Vera Sans Mono", monospace; */
/*   font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif; */
  font-size: 20px;
  top: 2px;
  left: 0px;
  display: inline-block;
  z-index: 1;
  height: 100%;
  overflow: hidden;
  width: 100%;
  margin-top:6px;
  /* -webkit-box-shadow: 0 2px 0px rgba(0, 0, 0, .25), inset 0 2px 0px rgba(255, 255, 255, .25);
  -moz-box-shadow: 0 2px 0px rgba(0, 0, 0, .25), inset 0 2px 0px rgba(255, 255, 255, .25); */
  
}
body  #clock .time-container .top{
/* box-shadow: 0 1px 0px rgba(70,81,169, .25), inset 0 1px 0px rgba(255, 255, 255, 0);	 */
}
body  #clock .time-container .num.bottom {
  top: 53%;
  height: 46%;
   /*  background: linear-gradient(to bottom, #a64acb, #434484); */
  /* background:#65599a; */
 /*  box-shadow: 0 2px 0px rgba(70,81,169, .25), inset 0 1px 0px rgba(255, 255, 255, .3);	 */
}
body  #clock .time-container .num.bottom .bottom-container {
   margin-top: -100%;
 }
body #clock .time-container .digit {
	display:inline-block;
  position: relative;
  float: left;
  margin-right:2px;
  height: 40px;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
  text-align: left;
  /* text-shadow: #ffffff 0px -1px 0px, #084eaf 0px 1px 0px; */
  -webkit-text-shadow:#f01433 1px 0 0,#f01433 0 1px 0,#f01433 -1px 0 0,#f01433 0 -1px 0;
 /*  background-color: #4651a9; */
  /* background-image: linear-gradient(180deg, rgba(33, 222, 234, 1), rgba(10, 106, 188, 1) 100%);   */
  overflow: hidden;
}
body #clock .time-container .digit .ring {
  position: absolute;
  top: 50%;
  left: 5px;
  height: 8px;
  width: 2px;
  background-color: #4651a9;
  -webkit-box-shadow: 0 2px 0px rgba(0, 0, 0, .25), inset 0 2px 0px rgba(255, 255, 255, .25), 2px 2px 1px rgba(0, 0, 0, .5), -2px -2px 1px rgba(0, 0, 0, .5), 2px -2px 1px rgba(0, 0, 0, .5), -2px 2px 1px rgba(0, 0, 0, .5);
  -moz-box-shadow: 0 2px 0px rgba(0, 0, 0, .25), inset 0 2px 0px rgba(255, 255, 255, .25), 2px 2px 1px rgba(0, 0, 0, .5), -2px -2px 1px rgba(0, 0, 0, .5), 2px -2px 1px rgba(0, 0, 0, .5), -2px 2px 1px rgba(0, 0, 0, .5);
  box-shadow: 0 2px 0px rgba(0, 0, 0, .25), inset 0 2px 0px rgba(255, 255, 255, .25), 2px 2px 1px rgba(0, 0, 0, .5), -2px -2px 1px rgba(0, 0, 0, .5), 2px -2px 1px rgba(0, 0, 0, .5), -2px 2px 1px rgba(0, 0, 0, .5);
  background-image: url();
  background-image: -webkit-linear-gradient(-90deg, rgba(205, 205, 205, 1), rgba(46, 50, 62, 1) 100%);
  background-image: -moz-linear-gradient(-90deg, rgba(205, 205, 205, 1), rgba(46, 50, 62, 1) 100%);
  background-image: -o-linear-gradient(-90deg, rgba(205, 205, 205, 1), rgba(46, 50, 62, 1) 100%);
  background-image: linear-gradient(180deg, rgba(205, 205, 205, 1), rgba(46, 50, 62, 1) 100%);
  z-index: 3;
  -webkit-border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 8px;
  -moz-background-clip: padding;
  border-radius: 8px;
  background-clip: padding-box;
}
body #clock .time-container .digit .ring.ring-right {
  left: 93%;
}
.tabSmall{
	color:#fff;
}
.tabBig{
	
	font-size:22px;
	font-weight:bold;
	color: #daf6ff;
    text-shadow: 0 0 20px #0aafe6, 0 0 20px rgba(10, 175, 230, 0);
}
.tabIcon{
	width:50px;
	height:50px;
	display:inline-block;
}
.tabGu{
	width:61px;
	height:45px;
	background: url("../img/glance/glanceGu.png") no-repeat;
}
.tabAbroad{
	background: url("../img/glance/glanceAbroad.png") no-repeat;
}
.tabHouse{
	background: url("../img/glance/glanceHouse.png") no-repeat;
}
.tabUser{
	background: url("../img/glance/glanceUser.png") no-repeat;
}
.tabFont{
	margin-left:20px;
}
.tabTitle{
	margin-right:40px;
}
/*     .tabGu{
            width:61px;
			height:45px;
			background: url("../img/glance/glanceGu.png") no-repeat;
            -webkit-animation: scaleDraw 1s ease-in-out infinite;
            animation: scaleDraw 1s ease-in-out infinite;
        } */
        
/*     @keyframes scaleDraw {
            0%{
                transform: scale(0.8);
                opacity: 0.7;  
            }
            50%{
                transform: scale(1);  
            }
            100%{
                transform: scale(0.8);
            }
        } */
        
@media screen and (min-width: 1300px) and (max-width: 1800px){
			body #clock .time-container .num{
			  font-size:14px;
			  margin-top: 9px;
			}
} 